@width1: 100px;
@width2: 200px;
@height: 300px;
@color1: red;

.box {
  width: @width1;
  height: @height;
  background-color: @color1;

  & > div {
    width: 500px;
    height: 500px;
    background-color: teal;
    margin: 10px;

    & > div {
      width: 300px;
      height: 300px;
      background-color: rgb(128, 0, 60);
      margin: 10px;

      & > div {
        width: 200px;
        height: 200px;
        background-color: rgb(4, 128, 0);
        margin: 10px;
      }
    }
  }
}
